<template>
  <div class="MessageDetail">
    <Header title="消息详情"></Header>
    <scroller>
      <div style="padding:42px 6px 0 6px">
        <div style="background: #fff;border-radius: 5px;padding: 12px;text-align: left">
          <div style="font-size: 18px;padding:8px 0 0 0;font-weight: 600">[通知]{{sysMes.title}}</div>
          <div style="color: #888;padding:0 0 12px 0">{{sysMes.createTime}}</div>
          <div style="color: #888">{{sysMes.content}}</div>
          <!--<div class="getMoney" @click="getMoney">点击续费!</div>-->
          <!--<div>-->
            <!--<img src="static/icon/my_btn_Message-push_banner.png" alt="" style="width: 100%">-->
          <!--</div>-->
        </div>
      </div>
    </scroller>
  </div>
</template>

<script>
  import Header from './../Header'
  import {mapState} from 'vuex'

  export default {
    name: "MessageDetail",
    data() {
      return {}
    },
    methods:{
      getMoney(){
        this.$router.push({
          path:'/Mine/Recharge'
        })
      }
    },
    computed: {
      ...mapState({
        sysMes: state => state.sysMes
      })
    },
    components: {
      Header
    },
  }
</script>

<style lang="less" type="text/less">
  .MessageDetail {
    font-size: 14px;
    .getMoney {
      color: @common-color;
      padding: 8px 0;
    }
  }
</style>
